<template>
  <div class="HelloWorld1">
    HelloWorld1组件
    <div>
      <Select v-model="model1"
              style="width:200px">
        <Option v-for="item in cityList"
                :value="item.value"
                :key="item.value">{{ item.label }}</Option>
      </Select>
      <div>result:{{model1}}</div>
    </div>

  </div>
</template>
<script>
import "./HelloWorld1.css"
export default {
  name: 'HelloWorld1',
  components: {

  },
  data () {
    return {
      cityList: [
        {
          value: 'New York',
          label: 'New York'
        },
        {
          value: 'London',
          label: 'London'
        },
        {
          value: 'Sydney',
          label: 'Sydney'
        },
        {
          value: 'Ottawa',
          label: 'Ottawa'
        },
        {
          value: 'Paris',
          label: 'Paris'
        },
        {
          value: 'Canberra',
          label: 'Canberra'
        }
      ],
      model1: ''
    };
  },
  methods: {

  },
  created () { },
  mounted () { },
  computed: {},
  watch: {}
}
</script>